<!DOCTYPE html>
<html class="en">
<head>
	<title>Royal Swans</title>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
	<link rel="icon" href="../favicon.ico" type="image/x-icon">


	<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="../css/bootstrap-theme.css">
	<link rel="stylesheet" type="text/css" href="../css/screen.css">
	<script type="text/javascript" src="../js/jquery.js"></script>
	<script type="text/javascript" src="../js/bootstrap.js"></script>
	<script type="text/javascript" src="../js/lab.js"></script>
	<script type="text/javascript" src="../js/main.js"></script>
	<script type="text/javascript">
		window.addEventListener('DOMContentLoaded', function() {
		    new QueryLoader2(document.querySelector("body"), {
		        barColor: "#fff9f5",
		        backgroundColor: "#fff9f5",
		        percentage: false,
		        barHeight: 1,
		        minimumTime: 200,
		        fadeOutTime: 1000,
		        onComplete: function(){
		        	var el = document.querySelector(".loadingPage");
		        	el.parentNode.removeChild(el);
		        }
		    });
		});
	</script>
</head>
<body>
<!-- WRAPPER -->
<div id="header">

	<!-- INNER SITE -->
	<div class="innerHeader">

		<h1><a href="index.html" title="Royal Swans">Royal Swans</a></h1>

		<!-- MENU -->
		<div id="menu">
			<ul class="desktop">
				<li>
					<a class="about" href="index.html"><span>About Us</span></a>
				</li>
				<li>
					<a class="services" href="services.html"><span>Services</span></a>
				</li>
				<li class="active">
					<a class="exper" href="experience.html"><span>Experiences</span></a>
				</li>
				<li>
					<a class="feedback" href="#"><span>Feedbacks</span></a>
				</li>
				<li class="logo-comp">
					<h1><a class="logo" href="index.html" title="Royal Swans"><span>Royal Swans</span></a></h1>
				</li>
				<li>
					<a class="shopping" href="#"><span>Shopping</span></a>
				</li>
				<li>
					<a class="blogs" href="#"><span>Blogs</span></a>
				</li>
				<li>
					<a class="contact" href="#"><span>Contact</span></a>
				</li>
				<li class="language">
					<ul>
						<li><a class="language-en" href="#"><span>English</span></a></li>
						<li><a class="language-vn" href="#"><span>Vietnamese</span></a></li>
					</ul>
				</li>
			</ul>
		</div>

		<div id="menuMobile">
			<ul class="mobile">
				<li class="active">
					<a class="about" href="index.html"><span>About Us</span></a>
				</li>
				<li>
					<a class="services" href="services.html"><span>Services</span></a>
				</li>
				<li>
					<a class="exper" href="experience.html"><span>Experiences</span></a>
				</li>
				<li>
					<a class="feedback" href="#"><span>Feedbacks</span></a>
				</li>
				<li>
					<a class="shopping" href="#"><span>Shopping</span></a>
				</li>
				<li>
					<a class="blogs" href="#"><span>Blogs</span></a>
				</li>
				<li>
					<a class="contact" href="#"><span>Contact</span></a>
				</li>
				<li class="language">
					<span>Language: </span>
						<ul>
							<li><a class="language-en" href="#"><span>English</span></a></li>
							<li><a class="language-vn" href="#"><span>Vietnamese</span></a></li>
						</ul>
				</li>
			</ul>
		</div>
		<!-- END MENU -->



	</div>
	<!-- END INNER HEADER -->
</div>
<!-- END HEADER -->



<!-- Container SITE -->
<div id="content" class="container">


	<!-- SERVICES  -->
	<div class="article experience-list">
		<img src="../images/title-experience.png" alt="Title Experience Page" class="title-img" />
		
		<!-- LIST EXPERIENCE -->
		<div class="listExper">
			<form>
				<p class="selectEvent"><span class="datatext">All Party </span><span class="icon-arrow"></span></p>
				<ul class="listSelect">
					<li><a href="#" data-event="all">All Party</a></li>
					<li><a href="#" data-event="wedding">Wedding</a></li>
					<li><a href="#" data-event="birthday">Birthday</a></li>
					<li><a href="#" data-event="private">PRIVATE PARTY</a></li>
					<li><a href="#" data-event="corporate">CORPORATE EVENTS</a></li>
					<li><a href="#" data-event="consultant">CONSULTANT</a></li>
				</ul>

				<select name="">
					<option value="all">All Party</option>
					<option value="wedding">Wedding</option>
					<option value="birthday">Birthday</option>
					<option value="private">Private party</option>
					<option value="corporate">Corporate events</option>
					<option value="consultant">Consultant</option>
				</select>
			</form>
			<ul class="experdata">
				<li>
					<div class="wedding">
						<a href="exper-detail.html">
							<img src="../images/exper/exp1.jpg" alt="Experience Wedding Party" />
							<h2>
								<span>
									<span class="icon">Wedding</span>
									Ngoc hà & Nam kiet
									<span>Take a breath of green</span>
								</span>
								
							</h2>
						</a>
					</div>
					
				</li>
				<li>
					<div class="private">
						<a href="exper-detail.html">
							<img src="../images/exper/exp2.jpg" alt="Experience Private Party" />
							<h2>
								<span>
									<span class="icon">Private</span>
									Wedding & Birthday
									<span>Crystal Night</span>
								</span>
								
							</h2>
						</a>
					</div>
					
				</li>
				<li>
					<div class="birthday">
						<a href="exper-detail.html">
							<img src="../images/exper/exp3.jpg" alt="Experience Birthday Party" />
							<h2>
								<span>
									<span class="icon">Birthday</span>
									Private & Consulation
									<span>Take a breath of green</span>
								</span>
								
							</h2>
						</a>
					</div>
					
				</li>
				<li>
					<div class="coporation">
						<a href="exper-detail.html">
							<img src="../images/exper/exp4.jpg" alt="Experience Wedding Party" />
							<h2>
								<span>
									<span class="icon">Coporation</span>
									Ngoc hà & Nam kiet
									<span>Take a breath of green</span>
								</span>
							</h2>
						</a>
					</div>
					
				</li>
				<li>
					<div class="consulation">
						<a href="exper-detail.html">
							<img src="../images/exper/exp5.jpg" alt="Experience Private Party" />
							<h2>
								<span>
									<span class="icon">Consulation</span>
									Wedding & Birthday
									<span>Crystal Night</span>
								</span>
							</h2>
						</a>
					</div>
					
				</li>
				<li>
					<div class="wedding">
						<a href="exper-detail.html">
							<img src="../images/exper/exp6.jpg" alt="Experience Wedding Party" />
							<h2>
								<span>
									<span class="icon">Wedding</span>
									Ngoc hà & Nam kiet
									<span>Take a breath of green</span>
								</span>
							</h2>
						</a>
					</div>
					
				</li>
				<li>
					<div class="consulation">
						<a href="exper-detail.html">
							<img src="../images/exper/exp7.jpg" alt="Experience Private Party" />
							<h2>
								<span>
									<span class="icon">Consulation</span>
									Wedding & Birthday
									<span>Crystal Night</span>
								</span>
							</h2>
						</a>
					</div>
					
				</li>
				<li>
					<div class="consulation">
						<a href="exper-detail.html">
							<img src="../images/exper/exp3.jpg" alt="Experience Private Party" />
							<h2>
								<span>
									<span class="icon">Consulation</span>
									Wedding & Birthday
									<span>Crystal Night</span>
								</span>
							</h2>
						</a>
					</div>
					
				</li>
				<li>
					<div class="consulation">
						<a href="exper-detail.html">
							<img src="../images/exper/exp1.jpg" alt="Experience Private Party" />
							<h2>
								<span>
									<span class="icon">Consulation</span>
									Wedding & Birthday
									<span>Crystal Night</span>
								</span>
							</h2>
						</a>
					</div>
					
				</li>
			</ul>

			<a href="#" class="btn btn-readmore">Xem Thêm / View more</a>
		</div>
		<!-- END LIST EXPERIENCE -->

	</div>
	<!-- END SEVICES -->

</div>
<!-- END CONTAINER -->




<!-- FOOTER -->
<div id="footer">
	<div class="container">
		<ul class="menu-footer">
			<li><a href="#">Home page</a></li>
			<li><a href="#">About us</a></li>
			<li><a href="#">Services</a></li>
			<li><a href="#">Experiences</a></li>
			<li><a href="#">Feedbacks</a></li>
			<li><a href="#">Blogs</a></li>
			<li><a href="#">Contact us</a></li>
		</ul>

		<div class="share-copyright">
			<ul class="share">
				<li><a href="#" class="fb" title="Facebook" target="_blank">Facebook</a></li>
				<li><a href="#" class="pin" title="Pinterest" target="_blank">Pinterest</a></li>
				<li><a href="#" class="in" title="Instagram" target="_blank">Instagram</a></li>
				<li><a href="#" class="yt" title="Youtube" target="_blank">Youtube</a></li>
				<li><a href="#" class="tw" title="Twitter" target="_blank">Twitter</a></li>
			</ul>
			<div class="info-address">
				<p>Copyright © Royal Swans<br />
					CTY THH ROYAL SWANS<br />
					11/15B Phạm Hùng, phường 4, quận 8, Tp.HCM<br />
					B25-10 Hoàng Anh Gia Lai 3, Nguyễn Hữu Thọ, p. Phước Kiển, Nhà Bè<br />
					E-mail: hi@royalswans.com</p>
			</div>

		</div>



	</div>
</div>
<!-- END FOOTER -->


<div class="loading">
	<img src="../images/logo.png" class="logoLoading" alt="Loading Royal" />
	<img src="../images/loading.gif" alt="Loading..." />
</div>

<div class="loadingPage">
	<div class="contentLoad">
		<img src="../images/logo-loading.png" class="LogoLoadingMain" alt="Loading Royal" />
		<ul class="rslides rslides2">
	      	<li><img src="../images/icon-1.png" alt="Icon Birthday" /></li>
	      	<li><img src="../images/icon-2.png" alt="Icon Wedding" /></li>
	      	<li><img src="../images/icon-3.png" alt="Icon Private Party" /></li>
	      	<li><img src="../images/icon-4.png" alt="Icon Coporation" /></li>
	      	<li><img src="../images/icon-5.png" alt="Icon Cunsulation" /></li>
	    </ul>
	</div>
</div>


</body>
</html>